<%--
  Created by IntelliJ IDEA.
  User: 1932260390
  Date: 2022/4/7
  Time: 21:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>奖牌榜</title>
    <link rel="stylesheet" href="../css/background.css">
    <link rel="stylesheet" href="../css/statistics.css">
    <script src="../js/time.js"></script>
</head>
<body>
<!--<header class="header"></header>-->
<!--&lt;!&ndash; 头图大背景+雪花动画 &ndash;&gt;-->
<div class="headerBg">
    <!-- 顶部大背景 头图 + 大焦点 -->
    <div id="headerBgImg">
        <p class="head-figure-bg"></p>
        <p class="banner-bg"></p>
    </div>
    <!-- 大焦点雪花动画 -->
    <div id="snowflake">
        <div class="snow"></div>
    </div>
</div>
<div class="TopMenubar">
    <div class="TopMain">
        <ul class="menubar">
            <li class="menuitem" menu-id="1" bold="0">
                <a href="../out-servlet" title="首页" target="_blank">首页</a>
            </li>
            <li class="menuitem" id="menu_project" menu-id="2" bold="0">
                <a href="./project.jsp" title="冬奥项目" target="_blank">项目</a>
            </li>
            <li class="menuitem" menu-id="3" bold="0">
                <a href="./statistics.jsp" title="奖牌榜" target="_blank">奖牌榜</a>
            </li>
        </ul>
    </div>
</div>
<div class="medalList">
    <div class="cont">
        <div class="top">
            <span>冬奥会奖牌榜</span>
            <!--        <span class="ts" id="times">截止到北京时间：2021年11月12日 11:26</span>-->
            <div class="ts">截止到<span class="date"></span>
                <span class="second"></span></div>
        </div>
        <div class="bottom">
            <div class="box">
                <table>
                    <thead>
                    <tr>
                        <th width="150">排名</th>
                        <th width="523">国家/地区</th>
                        <th width="169"><span>金牌</span></th>
                        <th width="169"><span>银牌</span></th>
                        <th width="169"><span>铜牌</span></th>
                        <th class="lastcell" width="160">总数</th>
                    </tr>
                    </thead>
                    <tbody id="medal_list1">

                    <tr style="display: table-row;">
                        <td>1</td>
                        <td class="country"><i class="flag"><img src="../images/countries/NOR.png" alt=""></i>挪威</td>
                        <td>16</td>
                        <td>8</td>
                        <td>13</td>
                        <td>37</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>2</td>
                        <td class="country"><i class="flag"><img src="../images/countries/GER.png" alt=""></i>德国</td>
                        <td>12</td>
                        <td>10</td>
                        <td>5</td>
                        <td>27</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>3</td>
                        <td class="country"><i class="flag"><img src="../images/countries/CHN.png" alt=""></i>中国</td>
                        <td>9</td>
                        <td>4</td>
                        <td>2</td>
                        <td>15</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>4</td>
                        <td class="country"><i class="flag"><img src="../images/countries/USA.png" alt=""></i>美国</td>
                        <td>8</td>
                        <td>10</td>
                        <td>7</td>
                        <td>25</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>5</td>
                        <td class="country"><i class="flag"><img src="../images/countries/SWE.png" alt=""></i>瑞典</td>
                        <td>8</td>
                        <td>5</td>
                        <td>5</td>
                        <td>18</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>6</td>
                        <td class="country"><i class="flag"><img src="../images/countries/NED.png" alt=""></i>荷兰</td>
                        <td>8</td>
                        <td>5</td>
                        <td>4</td>
                        <td>17</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>7</td>
                        <td class="country"><i class="flag"><img src="../images/countries/AUT.png" alt=""></i>奥地利</td>
                        <td>7</td>
                        <td>7</td>
                        <td>4</td>
                        <td>18</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>8</td>
                        <td class="country"><i class="flag"><img src="../images/countries/SUI.png" alt=""></i>瑞士</td>
                        <td>7</td>
                        <td>2</td>
                        <td>5</td>
                        <td>14</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>9</td>
                        <td class="country"><i class="flag"><img src="../images/countries/ROC.png" alt=""></i>俄罗斯奥运队</td>
                        <td>6</td>
                        <td>12</td>
                        <td>14</td>
                        <td>32</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>10</td>
                        <td class="country"><i class="flag"><img src="../images/countries/FRA.png" alt=""></i>法国</td>
                        <td>5</td>
                        <td>7</td>
                        <td>2</td>
                        <td>14</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>11</td>
                        <td class="country"><i class="flag"><img src="../images/countries/CAN.png" alt=""></i>加拿大</td>
                        <td>4</td>
                        <td>8</td>
                        <td>14</td>
                        <td>26</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>12</td>
                        <td class="country"><i class="flag"><img src="../images/countries/JPN.png" alt=""></i>日本</td>
                        <td>3</td>
                        <td>6</td>
                        <td>9</td>
                        <td>18</td>
                    </tr><tr style="display: table-row;">
                        <td>13</td>
                        <td class="country"><i class="flag"><img src="../images/countries/ITA.png" alt=""></i>意大利</td>
                        <td>2</td>
                        <td>7</td>
                        <td>8</td>
                        <td>17</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>14</td>
                        <td class="country"><i class="flag"><img src="../images/countries/KOR.png" alt=""></i>韩国</td>
                        <td>2</td>
                        <td>5</td>
                        <td>2</td>
                        <td>9</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>15</td>
                        <td class="country"><i class="flag"><img src="../images/countries/SLO.png" alt=""></i>斯洛文尼亚</td>
                        <td>2</td>
                        <td>3</td>
                        <td>2</td>
                        <td>7</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>16</td>
                        <td class="country"><i class="flag"><img src="../images/countries/FIN.png" alt=""></i>芬兰</td>
                        <td>2</td>
                        <td>2</td>
                        <td>4</td>
                        <td>8</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>17</td>
                        <td class="country"><i class="flag"><img src="../images/countries/NZL.png" alt=""></i>新西兰</td>
                        <td>2</td>
                        <td>1</td>
                        <td>0</td>
                        <td>3</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>18</td>
                        <td class="country"><i class="flag"><img src="../images/countries/AUS.png" alt=""></i>澳大利亚</td>
                        <td>1</td>
                        <td>2</td>
                        <td>1</td>
                        <td>4</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>19</td>
                        <td class="country"><i class="flag"><img src="../images/countries/GBR.png" alt=""></i>英国</td>
                        <td>1</td>
                        <td>1</td>
                        <td>0</td>
                        <td>2</td>
                    </tr>
                    <tr style="display: table-row;"><td>20</td>
                        <td class="country"><i class="flag"><img src="../images/countries/HUN.png" alt=""></i>匈牙利</td>
                        <td>1</td>
                        <td>0</td>
                        <td>2</td>
                        <td>3</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>21</td>
                        <td class="country"><i class="flag"><img src="../images/countries/CZE.png" alt=""></i>捷克</td>
                        <td>1</td>
                        <td>0</td>
                        <td>1</td>
                        <td>2</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>21</td>
                        <td class="country"><i class="flag"><img src="../images/countries/SVK.png" alt=""></i>斯洛伐克</td>
                        <td>1</td>
                        <td>0</td>
                        <td>1</td>
                        <td>2</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>21</td>
                        <td class="country"><i class="flag"><img src="../images/countries/BEL.png" alt=""></i>比利时</td>
                        <td>1</td>
                        <td>0</td>
                        <td>1</td>
                        <td>2</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>24</td>
                        <td class="country"><i class="flag"><img src="../images/countries/BLR.png" alt=""></i>白俄罗斯</td>
                        <td>0</td>
                        <td>2</td>
                        <td>0</td>
                        <td>2</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>25</td>
                        <td class="country"><i class="flag"><img src="../images/countries/ESP.png" alt=""></i>西班牙</td>
                        <td>0</td>
                        <td>1</td>
                        <td>0</td>
                        <td>1</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>25</td>
                        <td class="country"><i class="flag"><img src="../images/countries/UKR.png" alt=""></i>乌克兰</td>
                        <td>0</td>
                        <td>1</td>
                        <td>0</td>
                        <td>1</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>27</td>
                        <td class="country"><i class="flag"><img src="../images/countries/POL.png" alt=""></i>波兰</td>
                        <td>0</td>
                        <td>0</td>
                        <td>1</td>
                        <td>1</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>27</td>
                        <td class="country"><i class="flag"><img src="../images/countries/LAT.png" alt=""></i>拉脱维亚</td>
                        <td>0</td>
                        <td>0</td>
                        <td>1</td>
                        <td>1</td>
                    </tr>
                    <tr style="display: table-row;">
                        <td>27</td>
                        <td class="country"><i class="flag"><img src="../images/countries/EST.png" alt=""></i>爱沙尼亚</td>
                        <td>0</td>
                        <td>0</td>
                        <td>1</td>
                        <td>1</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>
